<template>
  <div>
    <Tabs value="name1">
      <TabPane label="组织架构管理" name="name1">
        <div class="content">
          <organization-table/>
        </div>
      </TabPane>
      <TabPane label="组织架构图" name="name2">
        <div class="content">
          <organization-chart/>
        </div>
      </TabPane>
    </Tabs>
  </div>
</template>
<script>
import OrganizationChart from './child-component/organization-chart'
import OrganizationTable from './child-component/organization-table'

export default {
  name: 'motorcade-organization',
  components: {
    OrganizationChart,
    OrganizationTable
  }
}
</script>
<style lang="css" scoped>
.content {
  height: 620px;
  width: auto;
}

tab-pane {
  height: 800px;
  width: 800px;
}

</style>
